<template>
    <div class="header">
        <i class="iconfont iconjiantou2" @click="handleClick"></i>
        <span>{{headName}}</span>
    </div>
</template>

<script>
export default {
    props:['headName'],
    methods:{
        handleClick(){
            this.$emit('tojemp');
        }
    }

}
</script>

<style lang="less" scoped>
.header{
    position: relative;
    padding:8.333vw 0;
    text-align: center;
    font-size: 4.444vw;
    font-weight: 700;
    //background-color: #ffc0cb;
    //border-bottom:1px solid #F4F4F4;
    .iconfont{
        position: absolute;
        left: 6.111vw;
        top: 9.444vw;
        font-size: 4.444vw;
    }
}
</style>